*{
    margin: 0px;
    padding: 0px;
}
li{
    list-style: none;
}
a{
    text-decoration: none;
    font-size: 12px;
    font-family: "tahoma,arial,sans-serif";
}
body{
    background: url(../imgs/o8.png) repeat;
}
.top{
    height: 82px;
    background: url(../imgs/o1.png) no-repeat;
    .detail{
        width: 960px;
        height: 82px;
        margin: 0 auto;
        .top_1{
            width: 441px;
            height: 25px;
            float: right;
            margin-bottom: 5px;
            .top_2{
                margin: 0px 20px 0px 0px;
                .des{
                    float: left;
                    height: 25px;
                    line-height: 25px;
                    overflow: hidden;
                    color: #FFF;
                    background: url(../imgs/top1.png) no-repeat -48px -6px;
                } 
                .line{
                    color: #fff;
                    padding-left: 22px;
                    float: left;
                    padding-right: 22px;
                }               
            }
        }
        .ttop{
            float: left;
            width: 960px;
            height: 47px;
            .logo{
                display: block;
                width: 250px;
                height: 53px;
                float: left;
                background: url(../imgs/logo.png) no-repeat;
                margin-top: -6px;
            }
            .t3{
                width: 382px;
                height: 32px;
                float: left;
                margin-left: 40px;
                margin-top: 6px;
                .selectbox{
                    width:70px;
                    height: 32px;
                    float: left;
                    background: #FFFFFF;
                    border-radius: 4px 0px 0px 4px;
                    .selected{
                        display: block;
                        width:70px;
                        height: 32px;
                        line-height: 32px;
                        padding-left: 12px;
                        color:#666;
                        font-size: 12px;
                        font-family: "tahoma,arial,sans-serif";
                        cursor: pointer;
                        background: url(../imgs/top1.png) no-repeat 51px -17px;
                    }
                }
                .search{
                    width:255px;
                    height: 32px;
                    float: left;
                    background: #FFFFFF;
                    border:medium none;
                    color: #ccc;
                    font-size: 12px;
                }
                .sub{
                    width: 57px;
                    height: 32px;
                    border-radius: 0px 4px 4px 0px;
                    float: left;
                    background-color: #ECECEC;
                    background-image: url(../imgs/top1.png);
                    background-repeat: no-repeat;
                    background-position:  19px -57px;
                    border: medium none;
                    cursor: pointer;
                }
            }
            .t4{
                width: 153px;
                height: 32px;
                float: left;
               margin-left: 50px;
                background: #FFFFFF;
                border-radius: 4px;
                margin-top: 6px;
                .car{
                    float: left;
                    display: block;
                    width: 46px;
                    height: 32px;
                    background: url(../imgs/top1.png) no-repeat 12px -104px;
                }
                .car_info{
                    display: block;
                    float: left;
                    width: 90px;
                    height: 32px;
                    border-left: 1px solid #E9E9EA;
                    padding-left:10px;
                    color: #333;
                    font-size: 12px;
                    font-family: "tahoma,arial,sans-serif";
                    line-height: 32px;
                    cursor: pointer;
                    .include{
                        width: 9px;
                        height: 5px;
                        background: url(../imgs/top1.png) no-repeat 0px -160px;
                        margin-top: 15px;
                        margin-right: 12px;
                        float: right;
                    }
                }
            }
            .order{
                display: block;
                width: 72px;
                height: 32px;
                margin-top: 6px;
                float: right;
                background: #FFFFFF;
                color: #333333;
                font-size: 12px;
                font-family: "tahoma,arial,sans-serif";
                border-radius:4px;
                line-height: 32px;
                text-align: center;
            }
        }
    }
}
//导航条开始
.dao{
    width: 100%;
    height: 40px;
    background: #fff;
    border-bottom: 1px solid #f46;
    .dao_1{
        width: 960px;
        height: 40px;
        padding-top: 10px;
        margin: 0 auto;
        li{
            float: left;
            padding: 0px 29px 0px 30px;
            height: 40px;
                       
            width:60px;
            background: url(../imgs/top1.png) no-repeat -98px -219px;
            a{                                
                float: left;
                height: 18px;
                line-height: 18px;
                padding: 2px 15px;
                font-size: 14px;
                color: #333;
                font-weight: 700;                            
            }
            .on{ 
                text-align: center;                                        
                color: black;
               
                height: 22px;                                             
            }
            .daren{
                text-align: center;
                
//              background: url(../imgs/top2.png) no-repeat 15px 3px;
            }
            .buyer{
                position: relative;
                .new{
                    position: absolute;
                    top: 5px;
                    left: 90px;
                }
            }
            .tuan{              
                width: 90px;
                display: block;
            }
            
        }
               
    }
}
//导航条结束
//中间部分开始
.center{
    width: 960px;
    margin: 30px auto 0px;
    .left{
        width: 140px;
        float: left;
        background: url(../imgs/0.gif) repeat;
        .pic{
            width: 140px;
            height: 202px;
            float: left;
            .pic_1{
                width:110px;
                height: 110px;
                margin-top: 20px;
                margin-left: 20px;
                background: url(../imgs/o2.png) no-repeat;
                .pic_2{
                    width:110px;
                    height: 110px;
                    border-radius: 50%;
                    border: none;
                }
            }
            .uname{
                margin-top: 10px;
                margin-left: 10px;
                text-align: center;
                color: #333;
                font-size: 12px;
                font-family: "tahoma,arial,sans-serif";
            }
            .vip{
                width: 45px;
                height: 14px;
                display: block;
                float: left;
                margin-top: 3px;
                margin-left: 20px;
                span{
                    background: url(../imgs/o3.png) no-repeat 2px 127px;
                }
                
            }
        }
        .mine{
            width: 140px;
            float: left;
            
            .mine_1{
                margin-top: 20px;
                width: 100px;
                height: 57px;
                margin-left: 20px;
                color: #333;
                font-size: 16px;
                font-family: "微软雅黑";
                line-height:57px;
                float: left;
                border-top: 1px solid #ddd;
                display: block;
            }
            .list{
                width: 140px;
                float: left;
                li{
                    float: left;
                    a{
                        color: #666;
                        display: block;
                        margin-left: 20px;
                        margin-top: 10px;
                        margin-right: 20px;
                        float: left;
                    }
                    a:hover{
                        color: #f36;
                    }
                }
            }
            
        }
    }
    .right{
        width: 805px;
        height: 795px;
        float: left;
        border: 1px solid #ddd;
        background: #fff;
        .info{
            width: 685px;
            height: 763px;
            margin-top: 30px;
            margin-left: 50px;
            .base{
                background:#F9F9F9;
                width: 649px;
                height: 30px;
                padding: 0px 10px 0px 20px;
                margin-bottom: 14px; 
                .base_1{
                    color: #FF6AA2;
                    font-size: 14px;
                    font-weight: 700;
                    height: 30px;
                    line-height: 30px;
                }
            }
            .info_1{
                width: 649px;
                height: 770px;
                dt{
                    float: left;
                    width: 105px;
                    text-align: right;
                    line-height: 26px;
                    vertical-align: middle;
                    color: #666;
                    font-size: 14px;
                    font-family: tahoma,arial,sans-serif;
                }
                .text{
                    height: 24px;
                    line-height: 24px;
                    width: 255px;
                    border: 1px solid #CFCFCF;
                    padding-left: 5px;
                    color: #666;
                    border-radius: 3px;
                }
                .ni{
                    color: #666;
                    font-size: 12px;
                    font-family: tahoma,arial,sans-serif;
                    b{
                        color: #F00;
                        margin-left: 10px;
                        margin-right: 5px;
                        font-weight: 700;
                    }
                }
                .form_2{
                    line-height: 30px;
                    padding-top: 10px;
                    width: 685px;
                    height: 30px;
                    .sex{
                        padding-left: 20px;                        
                    }
                    span{
                        color: #666;
                        font-size: 12px;
                        font-family: tahoma,arial,sans-serif;                       
                    }
                    
                }
                .choice{
                    border: 1px solid #CFCFCF;
                    height: 22px;
                    width: 140px;
                }
                .shen{
                    background:#F9F9F9;
                    width: 649px;
                    height: 30px;
                    padding: 0px 10px 0px 20px;
                    margin-top: 50px;
                    margin-bottom: 14px; 
                .shen_1{
                        color: #FF6AA2;
                        font-size: 14px;
                        font-weight: 700;
                        height: 30px;
                        line-height: 30px;
                    }
                 .shen_2{
                        color: #FF6AA2;
                        font-size: 12px;
                        height: 30px;
                        line-height: 30px;
                        padding-left: 15px;
                 }
                 }
                 .message{
                     width: 685px;
                     height: 30px;
                     padding-top: 10px;
                     .mes_1{
                         height: 24px;
                        line-height: 24px;
                        width: 68px;
                        color: #000;
                        padding: 0px 5px;
                        font-size: 12px;
                        margin-right: 5px;
                        border-radius: 3px;
                        border: 1px solid #CFCFCF;
                     }
                     .mes_2{
                         padding: 0px 5px;
                        font-size: 12px;
                        margin-right: 5px;
                        border: 1px solid #CFCFCF;
                        width: 35px;
                        color: #999;
                        height: 24px;
                        line-height: 24px;
                        border-radius: 3px;
                     }
                     .con{
                         cursor: pointer;
                        width: 103px;
                        height: 29px;
                        line-height: 28px;
                        text-align: center;
                        font-size: 14px;
                        font-weight: 700;
                        background: url(../imgs/o9.png) no-repeat;
                        border-radius: 3px;
                        color: #fff;
                        border: medium none;
                        margin-top: 50px;
                     }
                 }
            }
            .biao{
                width: 685px;
                margin-top: 30px;
                dt{
                    float: left;
                    width: 105px;
                    text-align: right;
                    line-height: 26px;
                    vertical-align: middle;
                    color: #666;
                    font-size: 14px;
                    font-family: tahoma,arial,sans-serif;
                    img{
                        border: 3px solid #E3E3E3;
                        margin-right: 15px;
                        vertical-align: top;
                        border-radius: 3px;
                        width: 100px;
                        height: 100px;
                        display: block;
                    }
                }
                .biao_1{
                    width: 244px;
                    height: 24px;
                    margin-right: 2px;
                    margin-top: 10px;
                    border: 1px solid #999;
                }
                .biao_2{
                    width: 65px;
                    height: 26px;
                    display: inline;
                    color: #333;
                    font-size: 16px;
                    background-color: #E4E4E4;
                    vertical-align: middle;
                    font-weight: 700;
                    border: medium none;
                    margin-top: 1px;
                }
                .biao_3{
                    margin-bottom: 12px;
                    font-size: 12px;
                    color: #666;
                    font-size: 12px;
                    font-family: tahoma,arial,sans-serif;
                    margin-left: 100px;
                    margin-top: 15px;
                }
            }            
        }
        .safe{            
            width: 804px;
            height: 45px;
            background: url(../imgs/o10.png) repeat;
            float: left;
            border-bottom: 1px solid #DFDFDF;
            .safe_1{
                font-size: 18px;
                color: #535353;
                padding-left: 15px;
                height: 44px;
                line-height: 44px;
                font-weight: 400;
            }
         }
         .pass{
             width: 769px;
             height: 278px;
             margin-left: 17px;
             background: #fafafa;
             margin-top: 80px;
             border: 1px solid #EFEFEF;
             .pass_1{
                 width: 707px;
                 height: 44px;
                 margin-left: 30px;
                 border-bottom: 1px dashed #ccc;
                 .pic{
                     width: 21px;
                     height: 21px;
                     margin-top: 10px;
                     margin-right: 10px;
                     float: left;
                     background: url(../imgs/o11.png) no-repeat 0px -21px;
                 }
                 .an{
                     color: #63A209;
                     height: 44px;
                     line-height: 44px;
                     float: left;
                     font-size: 12px;
                     font-family: tahoma,arial,sans-serif;
                 }
                 .an_1{
                     float: left;
                     height: 44px;
                     line-height: 44px;
                     font-size: 14px;
                     color: #272727;
                     width: 170px;
                     padding-left: 20px;
                     padding-right: 10px;
                     font-family: tahoma,arial,sans-serif;
                 }
             }
             .mend{
                 width: 707px;
                 height: 221px;
                 margin-left: 30px;
                 margin-top: 25px;
                 dt{
                     width: 100px;
                     float: left;
                     display: inline;
                     text-align: right;
                     color: #000;
                     height: 26px;
                     line-height: 26px;
                     font-family: tahoma,arial,sans-serif;
                     font-size: 12px;
                     
                 }
                 .paw{
                     margin-bottom: 10px;
                     height: 24px;
                     line-height: 24px;
                     width: 180px;
                     border: 1px solid #C7C7C7;
                    font-size: 12px;
                    color: #666;
                    padding-left: 5px
                 }
                 .paw_1{
                     margin-bottom: 10px;
                     height: 24px;
                     line-height: 24px;
                     width: 77px;
                     border: 1px solid #C7C7C7;
                    font-size: 12px;
                    color: #666;
                    padding-left: 5px
                 }
                 .code{
                     width: 55px;
                    height: 24px;
                    margin-left: 10px;
                    border: 1px solid #DDD;
                    vertical-align: middle;                    
                 }
                 .change{
                     font-family: tahoma,arial,sans-serif;
                     font-size: 12px;
                     color: #333;
                 }
             }
             .mend_1{
                 display: inline-block;
                 width: 104px;
                 height: 30px;
                 border: 0px none;
                 font-size: 14px;
                 line-height: 30px;
                 text-decoration: none;
                 background: url(../imgs/o12.png) no-repeat;
                 color: #FFF;
                cursor: pointer;
                text-align: center;
                margin-left: 100px;
             }
             
         }
         
    }
}
//中间部分结束
.qing{
    clear: both;
}
//最后一块开始
.last{
    height: 160px;
    background: url(../imgs/s4.png) repeat ;
    margin-top: 90px;
    
    .last_2{
        width: 1201px;
        height: 151px;
        margin: 0 auto;
        .last_3{
            width: 246px;
            height: 121px;
            margin-top: 30px;
            float: left;
            .logo{
                display: block;
                width:246px;
                height: 35px;
                float: left;
                background: url(../imgs/logo2.png) no-repeat;
            }
            .text{
                width: 246px;
                height: 84px;
                float: left;
                color: #999;
                font-size: 12px;
                font-family: "tahoma,arial,sans-serif";
                p{
                    padding-top: 5px;
                    a{
                        color: #999;
                        font-size: 12px;
                        font-family: "tahoma,arial,sans-serif";
                    }
                }
            }
        }
        .last_4{
            width: 910px;
            height: 83px;
            float: left;
            margin-left: 40px;
            margin-top: 30px;
            dl{
                float: left;
                margin-right: 110px;
                dt{
                    font-size: 12px;
                    font-family: "tahoma,arial,sans-serif";
                    font-weight:700;
                    color: #333;
                    padding-bottom: 3px;
                    
                }
                dd{
                    margin-top: 8px;
                    color: #666;
                    font-size: 12px;
                    font-family: "tahoma,arial,sans-serif";
                    a{
                       color: #666;  
                    }
                    .one{
                        width: 50px;
                        height: 28px;
                        float: left;
                        display: block;
                        background: url(../imgs/s5.png) no-repeat -486px -50px;
                    }
                    .two{
                        width: 164px;
                        height: 28px;
                        float: left;
                        display: block;               
                        background: url(../imgs/s5.png) no-repeat -240px -50px;
                    }
                    .three{
                        width: 84px;
                        height: 28px;
                        float: left;
                        display: block;               
                        background: url(../imgs/s5.png) no-repeat -400px -50px;
                    }
                }
            }
        }
    }
}

